<template>
  <div class="page-container">
    <router-link to="/SearchListshow">
      <HeaderSearch class="fixed1"></HeaderSearch>
    </router-link>
    <van-tabs>
      <van-tab v-for="item in tabList" :key="item.index" :title="item.title">
        <WaterFall class="WaterFall" :data="item.index"></WaterFall>
      </van-tab>
    </van-tabs>
  </div>
</template>
<script>
import HeaderSearch from "../components/HeaderSearch";
import WaterFall from "../components/WaterFall";
export default {
  name:'Look',
  components:{HeaderSearch,WaterFall},
  data(){
    return{
      tabList:[{index:0,title:'电子产品'},{index: 1,title: '化妆护肤'},{index: 2,title: '二手书籍'},{index: 3,title: '衣物服饰'},
        {index: 4,title: '日常小件'},{index: 5,title: '包包首饰'},{index: 6,title: '玩具'}]
    }
  }
}
</script>
<style lang="less" scoped>
/deep/.van-nav-bar__text{
  color: red;
  font-size: 16px;
  font-weight: 500;
}
</style>